/**lucy_develop
 * Created by threegrand2 on 2014/11/20.
 */
window.onload=function(){
    $(function(){
        $('<form />',{
            action:"#",
            value:"submit",
            method:"post",
            id:"form_id"
        }).appendTo("body #p11");
    });

    $(function(){
        $('<input />',{
            id:"username_id",
            type:"text",
            placeholder:"input username ...",
            name:"userName"
        }).appendTo("#form_id").mousemove(function(){
            $("#username_id").value = "";
        });
    });

    $(function(){
        $('<input />',{
            id:"password_id",
            type:"text",
            placeholder:"input password...",
            name:"password"
        }).appendTo("#form_id");
    });

    $(function(){
        $('<input />',{
            id:"age_id",
            type:"text",
            placeholder:"input age...",    //这个属性非常棒，可以代替val而不用手动设置
            name:"age"
        }).appendTo("#form_id");
    });

    $(function(){
        $('<input />',{
            type:"submit",
            value:"提交表单"
        }).appendTo("#form_id");
        checkForm();
    }).appendChecked;

    function checkForm() {
        var contentUserName = document.getElementById("username_id").value.trim();  //去除空格
        var contentPassword = document.getElementById("password_id").value.trim();
        var contentAge = document.getElementById("age_id").value.trim();
        alert(contentAge+"======");
        if (contentAge == "" || contentPassword == "" || contentUserName == "") {
            alert("请填写相关信息！！！");
        }

        //校验用户名

        //校验密码
        if(contentAge.length!=0) {
            reg = /^[-+]?\d*$/;
            if (!reg.test(str)) {
                alert("对不起，请输入整数!");//请将“整数类型”要换成你要验证的那个属性名称！
                return;
            }
            if( 0 >= contentAge || contentAge >= 120){
                alert("对不起，请输入0--120之间的数字");
                return;
            }
        }
            //校验年龄
    }
}